<!DOCTYPE HTML>
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no">
		<link rel="stylesheet" type="text/css" href="css/style.css">
		<script type="text/javascript" src="js/jquery-2.1.1.min.js"></script>
		<script type="text/javascript" src="js/swipe.js"></script>
		<title>梧州市妇幼保健院</title>
	</head>
	<body>
		<div class="header">
			<img src="img/logo.png" alt="">
			<img src="img/name.png" alt="">
		</div>
		<div class="nav">
			<a href="#"><div class="nav1 nav-c"><img src="img/new-1.png" alt=""><span>新闻首页</span></div></a>
			<div class="divi"><img src="img/diviline.png" alt=""></div>
			<a href="templates/index2.html"><div class="nav1"><img src="img/serv-0.png" alt=""><span>为您服务</span></div></a>
			<div class="divi1"><img src="img/diviline.png" alt=""></div>
			<a href="templates/index3.html"><div class="nav1"><img src="img/depa-0.png" alt=""><span>科室专区</span></div></a>
		</div>
		<div style="width: 100%; height: 10px; background: #EBEBEB;"></div>
		<div class="slide">
			<!-- <img src="img/slideimg.png" alt="">
			<span>·“按病种付费”覆盖广西所有县级医院</span> -->
			<div class="scroll relative">
			    <div class="scroll_box" id="scroll_img">
		        <ul class="scroll_wrap">
		          <li><a href="#"><img src="img/slideimg.png" width="100%" /><span>·1“按病种付费”覆盖广西所有县级医院</span></a></li>
		          <li><a href="#"><img src="img/slideimg.png" width="100%" /><span>·2“按病种付费”覆盖广西所有县级医院</span></a></li>
		          <li><a href="#"><img src="img/slideimg.png" width="100%" /><span>·3“按病种付费”覆盖广西所有县级医院</span></a></li>
		          <li><a href="#"><img src="img/slideimg.png" width="100%" /><span>·4“按病种付费”覆盖广西所有县级医院</span></a></li>
		          <li><a href="#"><img src="img/slideimg.png" width="100%" /><span>·5“按病种付费”覆盖广西所有县级医院</span></a></li>
		        </ul>
			    </div>
			 </div>
		</div>
		<script>
			var slider = Swipe(document.getElementById('scroll_img'), {
				auto: 3000,
				continuous: true,
				callback: function(pos) {
					var i = bullets.length;
					while (i--) {
						bullets[i].className = ' ';
					}
					bullets[pos].className = 'on';
				}
			});
			var bullets = document.getElementById('scroll_position').getElementsByTagName('li');
			$(function(){
				$('.scroll_position_bg').css({
					width:$('#scroll_position').width()
				});
			});
		</script>
		<div class="main">
			<div class="type">
				<div class="type1">
					<a href="#"><div class="type-box type-c"><span>新闻动态</span></div></a>
				</div>
				<div class="type2">
					<a href="#"><div class="type-box"><span>最新活动</span></div></a>
				</div>
			</div>
			<div class="type">
				<div class="type1">
					<a href="#"><div class="type-box"><span>健康知识</span></div></a>
				</div>
				<div class="type2">
					<a href="#"><div class="type-box"><span>医院介绍</span></div></a>
				</div>
			</div>
			<div class="type">
				<div class="type1">
					<a href="#"><div class="type-box"><span>来院线路</span></div></a>
				</div>
				<div class="type2">
					<a href="#"><div class="type-box type-future"><span>敬请期待</span></div></a>
				</div>
			</div>
			<div class="whitebg"></div>
			<div id="copyright">
					<span>Copyright © 2014 梧州市妇幼保健院</span>
			</div>
		</div>
		<div id="menu-bar"><!-- 此处为底部导航，需要添加逻辑判断，1-1为白色png，1-0为粉色 -->
			<div style="width: 100%; height: 5px; background: #C3597C;"></div>
			<div class="bar">
				<a href="#"><div class="bar1 bar-c"><img src="img/bottom1-1.png" alt=""><span>新闻首页</span></div></a>
				<a href="#"><div class="bar1"><img src="img/bottom2-0.png" alt=""><span>在线预约</span></div></a>
				<a href="#"><div class="bar1"><img src="img/bottom3-0.png" alt=""><span>专家团队</span></div></a>
				<a href="#"><div class="bar1"><img src="img/bottom4-0.png" alt=""><span>VIP服务</span></div></a>
			</div>
		</div>
	</body>
</html>